.bgimg1{
    background-image: url("/html/image/pakage1.jpg");
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 55%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 0.6 opacity */
    z-index: 2;
}
.nav1{
    color: white;
    border: solid;
    height: 100px;
}
.Blogs{
    margin-right: 100px;
}
.Destinations{
    margin-left: 200px;
}
.india{
    margin-left: 10px;
}
nav img{
    margin-left: 50px;
}
nav ul  a{
    text-decoration: none;
       color: white;
}
.text1{
    margin-top: 300px;
    padding: 100px;
    margin-left: 200px;
    color: white;
}
.content1{
    border: solid white ;
    width: 1100px;
    /* height: 000px; */
    margin-left: 200px;
    margin-top: 100px;
}

img{
    border-radius: 10px;
}
.ful1,.ful2,.ful3,.ful4,.ful5{
    justify-content: space-between;
    margin-top: 80px;
    
  
}
.box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8,.box9,.box10,.box11,.box12,.box13,.box14,.box15{
    border: solid white;
    height: 400px;
    text-align: center;
    border-radius: 10px;
}

 .content7{
    border: solid rgb(135, 135, 237);
    height: 450px ;
    background-color: rgb(39, 6, 70);
    color: white;
    margin-top: 50px;
    
 }
 .content8 h1 {
    margin-top: -3px;
    margin-left: 300px;
    margin-top: -70px;
    
 }
 .content8 p{
    margin-left: 300px;
 }
 .content8 img{
    margin-left: 200px;
    margin-top: 30px;
 }
.content9{
    margin-left: 300px;
}
.content10 {
    margin-left: 300px;
    margin-top: -230px;
}
.content10 button{
    background-color: rgb(39, 6, 70); 
    color: white;
}
.content11{
    margin-top: -230px;
    margin-left: 100px;
}
.empty{
    border: solid white;

}
.content12 a{
    text-decoration: none;
    color: rgb(245, 240, 240);
    border: dotted rgb(3, 6, 70) ;
    background-color: rgb(39, 6, 70);
    
    
}
.content12{
    margin-top: 30px;
}
.a1{
    margin-left: 280px;
}
.a2{
    margin-left: 50px;
}
.a3{
    margin-left: 50px;
}
.content13{
    margin-top: 20px;
    margin-left: 300px;
}
.box1 img:hover{box-shadow: 5px 5px 5px blue}     
.box2 img:hover{box-shadow: 5px 5px 5px blue}     
.box3 img:hover{box-shadow: 5px 5px 5px blue}     
.box4 img:hover{box-shadow: 5px 5px 5px blue}
.box5 img:hover{box-shadow: 5px 5px 5px blue}
.box6 img:hover{box-shadow: 5px 5px 5px blue}
.box7 img:hover{box-shadow: 5px 5px 5px blue}
.box8 img:hover{box-shadow: 5px 5px 5px blue}
.box9 img:hover{box-shadow: 5px 5px 5px blue}
.box10 img:hover{box-shadow: 5px 5px 5px blue}
.box11 img:hover{box-shadow: 5px 5px 5px blue}
.box12 img:hover{box-shadow: 5px 5px 5px blue}
.box13 img:hover{box-shadow: 5px 5px 5px blue}
.box14 img:hover{box-shadow: 5px 5px 5px blue}
.box15 img:hover{box-shadow: 5px 5px 5px blue}